<script setup>

import LoginBox from "./components/LoginBox.vue";
</script>

<template>
  <div class="login">
    <el-row class="login-main">
      <el-col :span="12" :offset="12" class="login-main-block">
        <LoginBox style="background-color: rgba(255, 255, 255, 0.7);"></LoginBox>
      </el-col>
    </el-row>
  </div>
</template>

<style lang="scss">
.login {
  width: 100vw;
  height: 100%;

  &-main {
    height: 40rem;
    background-image: url("@/assets/images/login-bg.jpg");
    background-size: cover;
    background-position: center;
    &-block {
      width: 100vw;
      height: 50rem;
      margin-top: 10rem;
      
    }
  }
}
</style>
